import React from 'react';
import { componentClass, ComponentProps } from '../../../../common/Component';
import './index.less';

export function H1(props:React.PropsWithChildren<ComponentProps>){
    return <h1 className={componentClass(props,  'apps-markdown-header-h1')}>
        {props.children}
    </h1>
}

export function H2(props){
    return <h2  className={componentClass(props,  'apps-markdown-header-h2')}>
    {props.children}
    </h2>
}

export function H3(props){
    return <h3 className={componentClass(props,  'apps-markdown-header-h3')}>
    {props.children}
    </h3>
}

export function H4(props){
    return <h4 className={componentClass(props,  'apps-markdown-header-h4')}>
    {props.children}
    </h4>
}

export function H5(props){
    return <h5 className={componentClass(props,  'apps-markdown-header-h5')}>
    {props.children}
    </h5>
}

export function H6(props){
    return <h6 className={componentClass(props,  'apps-markdown-header-h6')}>
    {props.children}
    </h6>
}

